<?xml version="1.0" encoding="ISO-8859-1" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    template="/template.xhtml">

    <ui:define name="content">
		<style> .ui-datatable input.ui-column-filter { display: inline-block; padding: 0; margin-left: 10px; } </style>
		<h1>BackLog <small>#{bundle['task.list']}</small></h1>
        <div class="row">
            <div class="span8" style="position: relative">
				<h:form style="position: absolute; right: 0px;top: -34px;">
					<h:commandButton  action="#{taskManager.create}" value="#{bundle['task.new']}" styleClass="btn btn-success" />
				</h:form>
                <h:form id="task_list_form">
                    <p:dataTable value="#{taskManager.tasks}" var="task" paginator="true" paginatorPosition="bottom" rows="14" emptyMessage="#{bundle['task.no.tasks']}">
						<p:column>
							<f:facet name="header">
								<h:outputText value="id" />
							</f:facet>
							<h:outputText value="#{task.id}" />
						</p:column>
						<p:column sortBy="#{task.status}" >
							<f:facet name="header">
								<h:outputText value="Status&nbsp;&nbsp;"/>
							</f:facet>
							<h:outputText value="#{task.status}"/>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="User&nbsp;&nbsp;"/>
							</f:facet>
							<h:outputText value="#{task.user.nickname}"/>
						</p:column>
						<p:column  headerText="#{bundle['task.priority']}&nbsp;&nbsp;"  sortBy="#{task.priority}" >
							<h:outputText value="#{task.priority}"  />
						</p:column>
						<p:column sortBy="#{task.created}">
							<f:facet name="header">
								<h:outputText value="#{bundle['task.created']}" />
							</f:facet>
							<h:outputText value="#{task.created}" >
								<f:convertDateTime pattern="d/M/yyyy"/>
							</h:outputText>
						</p:column>
						<p:column filterBy="#{task.summary}" sortBy="#{task.summary}">
							<f:facet name="header">
								<h:outputText value="#{bundle['task.summary']}" />
							</f:facet>
							<h:commandLink value="#{task.summary}" action="#{taskManager.edit}" />
						</p:column>
					</p:dataTable>
                </h:form>
            </div>
            <div class="span4">
                <h3>#{bundle['task.text.statis']} </h3>
                <p> #{bundle['task.text.graf1']}<code> #{projectManager.currentProject.name}</code>, #{bundle['task.text.graf2']} 
					<h6 style="text-align: center">#{bundle['task.text.graf3']}</h6>
					<p:pieChart id="sample" value="#{statisticsBean.pieTaskModel}" legendPosition="e" style="width:300px;height:250px" showDataLabels="true"  />
				</p>
            </div>
        </div>
    </ui:define>
</ui:composition>
